<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="css/work1.css">

</head>

<body>
    <!-- top -->
    <div class="top">
        <p>
            <img src="images/index/xingxing_03.jpg" alt="">
            <a href="">收藏师徒</a>
        </p>
        <p>欢迎来到师徒网! <a href="denglu.html">[登录]</a><a href="houtai.html">[免费注册]</a></p>
    </div>
    <!-- header -->
    <header>
        <!-- 分两块 -->
        <!-- 上面是第一块 -->
        <div class="header-a">
            <div class="logo">
                <a href="index.html">师徒商城</a>
            </div>
            <div class="logo-right">
                <div class="sousuo">
                    <input type="text" placeholder="搜索...">
                    <input type="submit" value="提交">
                </div>
                <div class="gouwuche">
                    <p>
                        <a href="work2.html"><img src="images/index/gouwuche_03.jpg" alt=""></a>
                        <a href="work2.html">购物车</a>
                    </p>
                    <p>
                        <a href="">0</a>
                        <img src="images/index/xinxiang_10.jpg" alt="">
                    </p>
                </div>
            </div>
        </div>
        <!-- 下面导航条是第二块 -->
        <ul class="header-b">
            <li class="nav">
                <a class="active " href="product.html">全部商品分类</a>
                <!-- 下拉菜单 -->
                <div class="content">
                    <a href="">(⊙o⊙)…干嘛</a>
                    <a href="">(⊙o⊙)…干嘛</a>
                    <a href="">(⊙o⊙)…干嘛</a>
                    <a href="">(⊙o⊙)…干嘛</a>
                    <a href="">(⊙o⊙)…干嘛</a>
                    <a href="">(⊙o⊙)…干嘛</a>
                    <a href="">(⊙o⊙)…干嘛</a>
                    <a href="">(⊙o⊙)…干嘛</a>
                </div>
            </li>
            <li><a href="filterPage.html">数码城</a></li>
            <li><a href="#news">天黑黑</a></li>
            <li><a href="#contact">团购</a></li>
            <li><a href="#contact">发现</a></li>
            <li><a href="#contact">二手特卖</a></li>
            <li><a href="#contact">名片会</a></li>
        </ul>
    </header>
    <div class="main">
        <!-- main-left -->
        <ul class="main-left">
            <li>
                <p>
                    <span><a href="">手机</a></span>
                    <span><a href="">数码</a></span>
                    <span>
                        <a href="" style="text-decoration:underline">合约机</a>
                    </span>
                    <span><a href=""></a><img src="images/index/jiantou_18.jpg" alt=""></span>
                </p>
                <p>
                    <span><a href="">荣耀3X</a></span>
                    <span><a href="">单反</a></span>
                    <span><a href="">智能设备</a></span>
                </p>
            </li>
            <li>
                <p>
                    <span><a href="">手机</a></span>
                    <span><a href="">数码</a></span>
                    <span>
                        <a href="" style="text-decoration:underline">合约机</a>
                    </span>
                    <span><a href=""></a><img src="images/index/jiantou_18.jpg" alt=""></span>
                </p>
                <p>
                    <span><a href="">荣耀3X</a></span>
                    <span><a href="">单反</a></span>
                    <span><a href="">智能设备</a></span>
                </p>
            </li>
            <li>
                <p>
                    <span><a href="">手机</a></span>
                    <span><a href="">数码</a></span>
                    <span>
                        <a href="" style="text-decoration:underline">合约机</a>
                    </span>
                    <span><a href=""></a><img src="images/index/jiantou_18.jpg" alt=""></span>
                </p>
                <p>
                    <span><a href="">荣耀3X</a></span>
                    <span><a href="">单反</a></span>
                    <span><a href="">智能设备</a></span>
                </p>
            </li>
            <li>
                <p>
                    <span><a href="">手机</a></span>
                    <span><a href="">数码</a></span>
                    <span>
                        <a href="" style="text-decoration:underline">合约机</a>
                    </span>
                    <span><a href=""></a><img src="images/index/jiantou_18.jpg" alt=""></span>
                </p>
                <p>
                    <span><a href="">荣耀3X</a></span>
                    <span><a href="">单反</a></span>
                    <span><a href="">智能设备</a></span>
                </p>
            </li>
            <li>
                <p>
                    <span><a href="">手机</a></span>
                    <span><a href="">数码</a></span>
                    <span>
                        <a href="" style="text-decoration:underline">合约机</a>
                    </span>
                    <span><a href=""></a><img src="images/index/jiantou_18.jpg" alt=""></span>
                </p>
                <p>
                    <span><a href="">荣耀3X</a></span>
                    <span><a href="">单反</a></span>
                    <span><a href="">智能设备</a></span>
                </p>
            </li>
        </ul>
        <!-- main-center -->
        <div class="bao">
            <ul class="main-center">
                <li>
                    <p><a href="">电脑整机</a></p>
                    <span><a href="">笔记本</a></span> <span><a href="">超极本</a></span>
                    <span><a href="">上网本</a></span> <span><a href="">平板电脑</a></span>
                    <span><a href="">台式机</a></span>
                </li>
                <li>
                    <p><a href="">装机配件</a></p>
                    <span><a href="">CPU</a></span> <span><a href="">硬盘</a></span>
                    <span><a href="">SSD固态硬盘</a></span> <span><a href="">内存</a></span>
                    <span><a href="">显示</a></span>
                    <span><a href="">器智能显示器</a></span>
                    <span><a href="">显卡</a></span>
                    <span><a href="">机箱</a></span>
                    <span><a href="">电源</a></span>
                    <span><a href="">散热器</a></span>
                    <span><a href="">刻录机/光驱</a></span>
                    <span><a href="">声卡</a></span>
                    <span><a href="">拓展卡</a></span>
                    <span><a href="">服务器配件</a></span>
                    <span><a href=""> DIY小附件</a></span>
                    <span><a href="">装机/配件安装</a></span>
                </li>
                <li>
                    <p><a href="">装机配件</a></p>
                    <span><a href="">CPU</a></span> <span><a href="">硬盘</a></span>
                    <span><a href="">SSD固态硬盘</a></span> <span><a href="">内存</a></span>
                    <span><a href="">显示</a></span>
                    <span><a href="">器智能显示器</a></span>
                    <span><a href="">显卡</a></span>
                    <span><a href="">机箱</a></span>
                    <span><a href="">电源</a></span>
                    <span><a href="">散热器</a></span>
                    <span><a href="">刻录机/光驱</a></span>
                    <span><a href="">声卡</a></span>
                    <span><a href="">拓展卡</a></span>
                    <span><a href="">服务器配件</a></span>
                    <span><a href=""> DIY小附件</a></span>
                    <span><a href="">装机/配件安装</a></span>
                </li>
                <li>
                    <p><a href="">装机配件</a></p>
                    <span><a href="">CPU</a></span> <span><a href="">硬盘</a></span>
                    <span><a href="">SSD固态硬盘</a></span> <span><a href="">内存</a></span>
                    <span><a href="">显示</a></span>
                    <span><a href="">器智能显示器</a></span>
                    <span><a href="">显卡</a></span>
                    <span><a href="">机箱</a></span>
                    <span><a href="">电源</a></span>
                    <span><a href="">散热器</a></span>
                    <span><a href="">刻录机/光驱</a></span>
                    <span><a href="">声卡</a></span>
                    <span><a href="">拓展卡</a></span>
                    <span><a href="">服务器配件</a></span>
                    <span><a href=""> DIY小附件</a></span>
                    <span><a href="">装机/配件安装</a></span>
                </li>
                <li>
                    <p><a href="">装机配件</a></p>
                    <span><a href="">CPU</a></span> <span><a href="">硬盘</a></span>
                    <span><a href="">SSD固态硬盘</a></span> <span><a href="">内存</a></span>
                    <span><a href="">显示</a></span>
                    <span><a href="">器智能显示器</a></span>
                    <span><a href="">显卡</a></span>
                    <span><a href="">机箱</a></span>
                    <span><a href="">电源</a></span>
                    <span><a href="">散热器</a></span>
                    <span><a href="">刻录机/光驱</a></span>
                    <span><a href="">声卡</a></span>
                    <span><a href="">拓展卡</a></span>
                    <span><a href="">服务器配件</a></span>
                    <span><a href=""> DIY小附件</a></span>
                    <span><a href="">装机/配件安装</a></span>
                </li>
                <li>
                    <p><a href="">装机配件</a></p>
                    <span><a href="">CPU</a></span> <span><a href="">硬盘</a></span>
                    <span><a href="">SSD固态硬盘</a></span> <span><a href="">内存</a></span>
                    <span><a href="">显示</a></span>
                    <span><a href="">器智能显示器</a></span>
                    <span><a href="">显卡</a></span>
                    <span><a href="">机箱</a></span>
                    <span><a href="">电源</a></span>
                </li>
                <li>
                    <p><a href="">装机配件</a></p>
                    <span><a href="">CPU</a></span> <span><a href="">硬盘</a></span>
                    <span><a href="">SSD固态硬盘</a></span> <span><a href="">内存</a></span>
                    <span><a href="">显示</a></span>
                    <span><a href="">器智能显示器</a></span>
                    <span><a href="">显卡</a></span>
                    <span><a href="">机箱</a></span>
                    <span><a href="">电源</a></span>
                </li>
            </ul>
        </div>
        <!-- main-right -->
        <div class="main-right">
            <a href=""><img src="images/index/shoubiao_15.jpg" alt=""></a>
        </div>
    </div>
    <!-- 家用电脑 -->
    <div class="subnav">
        <div class="subnav-hou">
            <div class="subnav-a">
                <img src="images/index/book_22.jpg" alt="">
                <h2>家用电脑</h2>
            </div>
            <div>
                <ul>
                    <li><a href="">电脑整机频道</a><img src="images/index/jiantou_18.jpg" alt=""></li>
                    <li><a href="">硬件/外设频道</a><img src="images/index/jiantou_18.jpg" alt=""></li>
                </ul>
            </div>
            <div style="float:right;">
                <p>
                    <a href="">更多>> </a>
                </p>
            </div>
        </div>

        <div class="comp">
            <div class="comp-left">
                <img src="images/index/comp-left_26.jpg" alt="">
            </div>

            <div class="comp-right">
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/comp-right_29.jpg" alt="">
                        <h5><a href="">HTC新渴望8系列</a></h5>
                        <p>1899元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/comp-right-b_32.jpg" alt="">
                        <div class="woc">
                            <p>
                                NFC技术一碰轻松配对！接触屏幕
                            </p>
                            <p>￥ 149.00</p>
                        </div>
                    </div>
                </div>
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/comp-right_29.jpg" alt="">
                        <h5><a href="">HTC新渴望8系列</a></h5>
                        <p>1899元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/comp-right-b_32.jpg" alt="">
                        <div class="woc">
                            <p>
                                NFC技术一碰轻松配对！接触屏幕
                            </p>
                            <p>￥ 149.00</p>
                        </div>
                    </div>
                </div>
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/comp-right_29.jpg" alt="">
                        <h5><a href="">HTC新渴望8系列</a></h5>
                        <p>1899元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/comp-right-b_32.jpg" alt="">
                        <div class="woc">
                            <p>
                                NFC技术一碰轻松配对！接触屏幕
                            </p>
                            <p>￥ 149.00</p>
                        </div>
                    </div>
                </div>
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/comp-right_29.jpg" alt="">
                        <h5><a href="">HTC新渴望8系列</a></h5>
                        <p>1899元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/comp-right-b_32.jpg" alt="">
                        <div class="woc">
                            <p>
                                NFC技术一碰轻松配对！接触屏幕
                            </p>
                            <p>￥ 149.00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 食品酒水 -->


    <div class="subnav" style="position:relative;top:0;">
        <div class="subnav-hou">
            <div class="subnav-a">
                <img src="images/index/book_22.jpg" alt="">
                <h2>家用电脑</h2>
            </div>

            <div style="float:right;">
                <p>
                    <a href="">更多>> </a>
                </p>
            </div>
        </div>

        <div class="comp">
            <div class="comp-left">
                <img src="images/index/jiushui1_37.jpg" alt="">
            </div>

            <div class="comp-right">
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/jiushui2_38.jpg" alt="">
                        <h5><a href="">三月美食狂享购</a></h5>
                        <p>50元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/jiushui4_41.jpg" alt="">
                        <div class="woc">
                            <p>
                                康比特 维他保咀 嚼片 60片
                            </p>
                            <p>￥ 600.00</p>
                        </div>
                    </div>
                </div>
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/jiushui2_38.jpg" alt="">
                        <h5><a href="">三月美食狂享购</a></h5>
                        <p>50元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/jiushui4_41.jpg" alt="">
                        <div class="woc">
                            <p>
                                康比特 维他保咀 嚼片 60片
                            </p>
                            <p>￥ 600.00</p>
                        </div>
                    </div>
                </div>
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/jiushui2_38.jpg" alt="">
                        <h5><a href="">三月美食狂享购</a></h5>
                        <p>50元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/jiushui4_41.jpg" alt="">
                        <div class="woc">
                            <p>
                                康比特 维他保咀 嚼片 60片
                            </p>
                            <p>￥ 600.00</p>
                        </div>
                    </div>
                </div>
                <div class="comp-right-zong">
                    <div class="comp-right-zong-top">
                        <img src="images/index/jiushui2_38.jpg" alt="">
                        <h5><a href="">三月美食狂享购</a></h5>
                        <p>50元</p>
                    </div>
                    <div class="comp-right-zong-bottom">
                        <img src="images/index/jiushui4_41.jpg" alt="">
                        <div class="woc">
                            <p>
                                康比特 维他保咀 嚼片 60片
                            </p>
                            <p>￥ 600.00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer   -->
    <footer>
        <div class="footer-z">
            <p>
                <a href="">师徒简介</a> | 师徒公告 | 招纳贤士 | 联系我们 |客服热线：400-675-1234
            </p>
            <p class="foo-z">
                opyright © 2006 - 2014 师徒版权所有 京ICP备09037834号 京ICP证B1034-8373号 某市公安局XX分局备案编号：123456789123
            </p>
            <div>
                <img src="images/index/footer_46.jpg" alt="">
                <img src="images/index/footer_46.jpg" alt="">
                <img src="images/index/footer_46.jpg" alt="">
                <img src="images/index/footer_46.jpg" alt="">
            </div>
        </div>
    </footer>




</body>

</html>